<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../css/mui.min.css">
		<link rel="stylesheet" type="text/css" href="../css/mui.picker.min.css" />
		<link rel="stylesheet" href="../css/iconfont.css">
		<style>
			.mui-content-padded{margin:5px 0 0 0;}
			.mui-row-list span{float: left; line-height:33px; width:20%;}
			.mui-row-list select{float: left; line-height:14px; font-size:14px; margin-top:2px; margin-left: 5px;}
			.mui-btn-block{margin-bottom:0; padding:6px;}
			.mui-col-sm-12{ border-top: 1px solid #D1D1D1; width:100%; padding-top:5px; font-size:14px;}
			input[type="text"],input[type="number"]{height:26px; padding: 0;border-width:0;margin-bottom:0;background:none;}
			form:before{ background: none !important; border: none !important;}
			input{border-width:0; text-align: right; font-size:14px; height: 26px;}
			.bottom_soild{border-bottom: 1px solid #DDDDDD; margin-right: 5px;}
			.submit{
				margin:0 auto 10px auto; 
				width:200px; 
				height:35px; 
				line-height: 35px; 
				background-color:#007AFF; 
				text-align: center; 
				color: #FFFFFF; 
				border-radius: 10px;
				margin-top: 10px;
			}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">生活方式</h1>
		</header>
		<div class="mui-conten" style="margin-top:50px;">
			<div style="margin-left:0.9rem; line-height:35px;">家庭居住环境评估</div>
			<ul class="mui-table-view">
				<div class="mui-row">
					<div class="mui-col-sm-12 mui-col-xs-12">
					<li class="mui-table-view-cell">
						<a id='demo3' data-options='{"type":"date"}' class="btn mui-navigate-right">
							<div style="padding: inherit; float: left; font-size: 14px; width:130px; line-height: 26px; margin: -11px -15px;">单独的居室</div>
							<input  id='result0' class="ui-alert"  placeholder="请选择" style="width:50%; text-align: right; float: right; padding-right: 15px;"/>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a id='demo3' data-options='{"type":"date"}' class="btn mui-navigate-right">
							<div style="padding: inherit; float: left; font-size: 14px; width:130px; line-height: 26px; margin: -11px -15px;">通风情况</div>
							<input  id='result1' class="ui-alert"  placeholder="请选择" style="width:50%; text-align: right; float: right; padding-right: 15px;"/>
						</a>
					</li>
					</div>
				</div>
			</ul>
			<ul class="mui-table-view" style="margin-top: 5px;">
					<div class="mui-col-sm-12 mui-col-xs-12">
						<li class="mui-table-view-cell">
							<a style="float: left; font-size: 14px; width: 160px; line-height: 26px;">目前日吸烟量</a>
							<div style="float:right; line-height: 26px;">只/天</div>
							<input id='smoking' type="number" class="ui-alert bottom_soild" placeholder="请输入" style="width:30%; float: right;"/>
						</li>
					</div>
			</ul>	
			<ul class="mui-table-view" style="margin-top: 5px;">	
					<div class="mui-col-sm-12 mui-col-xs-12">
						<li class="mui-table-view-cell">
							<a style="float: left; font-size: 14px; width: 160px; line-height: 26px;">目前日饮酒量</a>
							<div style="float:right; line-height: 26px;">两/天</div>
							<input id='drinking' type="number" class="ui-alert bottom_soild" placeholder="请输入" style="width:30%; float: right;"/>
						</li>
					</div>
			</ul>
			<div onclick="submit()" class="submit" >保存</div>
		</div>
		<script src="../js/mui.js"></script>
		<script src="../js/mui.picker.min.js"></script>
		<script src="../js/jquery.min-1.11.1.js"></script>
		<script src="../js/request.js"></script>
		<script type="text/javascript">
			//获取变量
			var self = localStorage.getItem("name");
			var dataold = JSON.parse(self);
			var obj = dataold.obj;
			var selfdata ="";
			var listdata ="";
			mui.plusReady(function(){
				var self = plus.webview.currentWebview();
					listdata = self.data;
					visitId = self.visitdata;
					selfdata = JSON.parse(listdata);
				var date1 = new Date();
				var year1=date1.getFullYear(); 
				var month1=date1.getMonth()+1;
				var day1=date1.getDate();
				var h1=date1.getHours();
				var m1=date1.getMinutes();
				var s1=date1.getSeconds();
					month1 =(month1<10 ? "0"+month1:month1); 
					day1 =(day1<10 ? "0"+day1:day1); 
					h1 =(h1<10 ? "0"+h1:h1); 
					m1 =(m1<10 ? "0"+m1:m1); 
					s1 =(s1<10 ? "0"+s1:s1);
					createDate = (year1.toString()+'-'+month1.toString()+'-'+day1.toString()+' '+h1.toString()+':'+m1.toString()+':'+s1.toString());
					modifyDate = (year1.toString()+'-'+month1.toString()+'-'+day1.toString()+' '+h1.toString()+':'+m1.toString()+':'+s1.toString());
					ehrId = selfdata.ehrId;
					tbId = self.arcid;
				if(self.second != ""){
					first = JSON.parse(self.first);
					second = JSON.parse(self.second);
					id = first.id;
					createUser = first.createUser;
					createDate = first.createDate;
					console.log(self.second);
					for(var i=0; i<second.length; i++){
						if(second[i].questionId == "903"){
							var rowsroom=resultall.r1
							for(var j=0; j<rowsroom.length; j++){
								if(second[i].answerId == rowsroom[j].id){
									document.getElementById("result0").value = rowsroom[j].text;
								}
							}
						}
						if(second[i].questionId == "904"){
							var rowswind=resultall.r2
							for(var j=0; j<rowswind.length; j++){
								if(second[i].answerId == rowswind[j].id){
									document.getElementById("result1").value = rowswind[j].text;
								}
							}
						}
						if(second[i].questionId == "36"){
							document.getElementById("smoking").value = second[i].answer;
						}
						if(second[i].questionId == "40"){
							document.getElementById("drinking").value = second[i].answer;
						}
					}
				}
			})
			//赋值
			var resultall = {"r1":[{id:'0',text:' '},{id:'1',text:'有'},{id:'2',text:'无'}],
							"r2":[{id:'0',text:' '},{id:'1',text:' 良好'},{id:'2',text:' 一般'},{id:'3',text:' 差'}]}
			var id = 0;
			var visitId= 0;
			var ehrId = "";
			var tbId ="";//肺结核专档id
			var createDate = "";
			var createUserid = obj.id;
			var modifyDate = "";
			var modifyUserid = obj.id;
			var room = ""
			var wind = ""
			mui.init()
			(function($) {
				$.init();
				var result = $('#result')[0];
				var btns = $('.btn');
				btns.each(function(i, btn) {
					btn.addEventListener('tap', function() {
						var _self = this;
						if(_self.picker) {
							_self.picker.show(function (rs) {
								result.innerText = rs.text;
								_self.picker.dispose();
								_self.picker = null;
							});
						} else {
							if(i == 0){
								var picker = new mui.PopPicker();
								 picker.setData([{id:'1',text:' 有'},{id:'2',text:'无'}]);
								 picker.show(function (selectItems) {
									 $('#result0')[0].value = selectItems[0].text;
									 room = selectItems[0].id;
								  })
							} else if(i == 1){
								var picker = new mui.PopPicker();
								 picker.setData([{id:'1',text:'良好'},{id:'2',text:'一般'},{id:'3',text:'差'}]);
								 picker.show(function (selectItems) {
									 $('#result1')[0].value = selectItems[0].text;
									 wind = selectItems[0].id;
								  })
							} else{
								
							}
						}
						
					}, false);
				});
			})(mui);
			//提交
			function submit(){
				room_1 = $('#result0')[0].value;
				for(var re=0; re<resultall.r1.length; re++){
					if(room_1 == resultall.r1[re].text){
						room = resultall.r1[re].id;
					}
				}	
				wind_1 = $('#result1')[0].value;
				for(var re=0; re<resultall.r2.length; re++){
					if(wind_1 == resultall.r2[re].text){
						wind = resultall.r2[re].id;
					}
				}	
				var dataobj=[
					//单独居室
					{'id':id,
					'ehrId':ehrId,
					'tbId':tbId,
					"visitId":visitId,
					"questionId":"903",
					"answerId":room,
					"answer":null,
					"expectedAnswerId":"0",
					"expectedAnswer":null,
					"createDate":createDate,
					"modifyDate":modifyDate,
					"createUserid":createUserid,
					"modifyUserid":modifyUserid},
					//通风
					{'id':id,
					'ehrId':ehrId,
					'tbId':tbId,
					"visitId":visitId,
					"questionId":"904",
					"answerId":wind,
					"answer":null,
					"expectedAnswerId":"0",
					"expectedAnswer":null,
					"createDate":createDate,
					"modifyDate":modifyDate,
					"createUserid":createUserid,
					"modifyUserid":modifyUserid},
					//日吸烟量
					{'id':id,
					'ehrId':ehrId,
					'tbId':tbId,
					"visitId":visitId,
					"questionId":"36",
					"answerId":"0",
					"answer":mui("#smoking")[0].value,
					"expectedAnswerId":"0",
					"expectedAnswer":null,
					"createDate":createDate,
					"modifyDate":modifyDate,
					"createUserid":createUserid,
					"modifyUserid":modifyUserid},
					//日饮酒量
					{'id':id,
					'ehrId':ehrId,
					'tbId':tbId,
					"visitId":visitId,
					"questionId":"40",
					"answerId":"0",
					"answer":mui("#drinking")[0].value,
					"expectedAnswerId":"0",
					"expectedAnswer":null,
					"createDate":createDate,
					"modifyDate":modifyDate,
					"createUserid":createUserid,
					"modifyUserid":modifyUserid}
				]	
				$.ajax({
					type: 'post',
					url:getRequestUrl.url+"/mobile/ehr/TbVisitAddition/addOrUpdate",
					data:JSON.stringify(dataobj),
					dataType:"json",
					contentType : 'application/json;charset=utf-8',
					success : function(data) {
						if(data.status==1){
							alert("提交成功")
							mui.openWindow({
								url: 'follow_up_add.html', 
								id:'follow_up_add',
								extras:{
									
								}
							});
						}else{
							alert(data.message);
						}
					},
					error:function(xhr,type,errorThrown){
						
					}
				})
			}
		</script>
	</body>
</html>